<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>双欧</title>
    <meta name="description" content="描述"/>
    <meta name="keywords" content="关键词"/>
    <meta name="copyright" content="上海易推科技有限公司"/>
    <meta name="author" content="evil_web（429391294@qq.com）"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telphone=no" name="format-detection">
    <meta name="viewport" content="width=750,  target-densitydpi=high-dpi，minimum-scale=1.0, maximum-scale=2.0, user-scalable=0">
    <meta name="author" content="evil_web（429391294@qq.com）"/>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="shortcut icon" href="images/favicon.png">
    <!--[if lte IE 9]>
        <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
    <![endif]-->
</head>
<body>
<div class="bg">
    <p class="top-tit">
        <em class="icon bg-icon_pingfen">评价</em>服务评分
    </p>
    <form class="layui-form layui-form-appraise" action="">
        <div class="appraise-star-box">
            <div class="start-row">
                <span class="tit">服务质量：</span>
                <div class="star-box">
                    <div class="star_evaluate">
                        <input type="radio" id="scoreId_1" class="score score_1" name="score" value="1"/>
                        <label for="scoreId_1" class="star star_1"></label>
                        <input type="radio" id="scoreId_2" class="score score_2" name="score" value="2"/>
                        <label for="scoreId_2" class="star star_2"></label>
                        <input type="radio" id="scoreId_3" class="score score_3" name="score" value="3"/>
                        <label for="scoreId_3" class="star star_3"></label>
                        <input type="radio" id="scoreId_4" class="score score_4" name="score" value="4"/>
                        <label for="scoreId_4" class="star star_4"></label>
                        <input type="radio" id="scoreId_5" class="score score_5" name="score" value="5"/>
                        <label for="scoreId_5" class="star star_5"></label>
                    </div>
                </div>
                <span class="tit color-orange pl20">服务太烂，辣鸡</span>
            </div>
            <div class="start-row">
                <span class="tit">服务质量：</span>
                <div class="star-box">
                    <div class="star_evaluate">
                        <input type="radio" id="scoreId_21" class="score score_1" name="score2" value="1"/>
                        <label for="scoreId_21" class="star star_1"></label>
                        <input type="radio" id="scoreId_22" class="score score_2" name="score2" value="2"/>
                        <label for="scoreId_22" class="star star_2"></label>
                        <input type="radio" id="scoreId_23" class="score score_3" name="score2" value="3"/>
                        <label for="scoreId_23" class="star star_3"></label>
                        <input type="radio" id="scoreId_24" class="score score_4" name="score2" value="4"/>
                        <label for="scoreId_24" class="star star_4"></label>
                        <input type="radio" id="scoreId_25" class="score score_5" name="score2" value="5"/>
                        <label for="scoreId_25" class="star star_5"></label>
                    </div>
                </div>
                <span class="tit color-orange pl20" style="display: none">什么鬼态度</span>
            </div>
        </div>
        <textarea name="apprise-text" class="apprise-text" id="" cols="30" onkeyup="cls(this,200,'v')" maxlength="200" oncontextmenu="cls(this,200,'v')" placeholder="您对此次服务满意吗？是否有需要我们改善的地方？" rows="10"></textarea>
        <div class="apprise-text-max-length"> <span id="count">0</span>/200 </div>
        <div class="appraise-file-box">
            <div class="layui-upload">
                <div class="layui-upload-list" id="demo2"></div>
                <button type="button" class="layui-btn layui-btn-upload bg-but_addphoto" id="test2">多图片上传</button>
            </div>
        </div>
        <button class="layui-btn btn-submit btn-submit-gray " lay-submit="" lay-filter="demo1">提交评价</button>
    </form>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
    var  $window =  $(window),
            view = {
                height: $window.height(),
                width: $window.width()
            };
    $('.container').css('min-height', view.height);
    $('.cont').css('min-height', view.height-88);
    var phoneScale = parseInt(window.screen.width) / 750;
    document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
</script>
<script>
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;

        //多图片上传
        upload.render({
            elem: '#test2'
            ,url: '/upload/'
            ,multiple: true
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo2').append('<div class="apprise-img-box"><img src="'+ result +'" alt="'+ file.name +'"><span></span></div>')
                });
            }
            ,done: function(res){
                //上传完毕
            }
        });

    });
</script>

<script type="text/javascript">
    function cls(obj,max,v){
        var str=obj.value;//全换成单字节字符计算
        var v=document.getElementById('count');

        if(str.length>max){

        }else{
            v.innerHTML=str.length;
        }
    }
</script>
</body>
</html>